﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <link href="/css/jquery/jquery-ui/redmond/jquery-ui.css" rel="stylesheet" />
    <link href="/css/index.css" rel="stylesheet" />
    <script src="/javascript/jquery/jquery.js"></script>
    <script src="/javascript/jquery/jquery-ui/jquery-ui.js"></script>
    <script src="/javascript/jquery/jquery.layout/jquery.layout.js"></script>
    <script src="/javascript/jquery/jquery.tmpl/jquery.tmpl.js"></script>
    <script src="/typescript/json/cycle-json.js"></script>
    <script src="/typescript/page/page.js"></script>
    <script src="/typescript/page/static-data.js"></script>
    <script src="/typescript/page/index.js"></script>
    <script id="dialogTemplate" type="text/x-jquery-tmpl">
        <div id="${divId}" title="${title}" style="padding:5px;">
            <iframe name="${iframeName}" class="mc-iframe" src="${url}" scrolling="no"></iframe>
        </div>
    </script>
</head>
<body>
    <div class="ui-layout-north">
        <div class="index-title">欢迎使用服务中心管理系统（Html版）</div>
    </div>
    <div class="ui-layout-west">
        <div id="divMenu"></div>
        <script id="mgTemplate" type="text/x-jquery-tmpl">
            <h3>${name}</h3>
            <div>
                {{each menuItems}}
                <div id="menuItem${$data.name}${name}" menu-item-path="${$data.name}${name}" page-url="${pageUrl}" class="index-menu-item">
                    ${$value.name}
                </div>
                {{/each}}
            </div>
        </script>
    </div>
    <div class="ui-layout-center">
        <div id="divMainArea">
            <ul id="maHeader" />
        </div>
        <script id="maHeaderTemplate" type="text/x-jquery-tmpl">
            <li id="liMaHeader${path}" menuItemId="${id}">
                <a href="#divMaContent${path}">${name}</a>
                <span class="ui-icon ui-icon-close" role="presentation" />
                <span class="ui-icon ui-icon-refresh" role="presentation" />
            </li>
        </script>
        <script id="mcContentTemplate" type="text/x-jquery-tmpl">
            <div id="divMaContent${path}" class="index-tab-content" style="padding:5px;overflow: hidden;">
                <iframe name="iframeMaContent${path}" class="mc-iframe" src="${url}" scrolling="no"></iframe>
            </div>
        </script>
    </div>
    <div class="ui-layout-south index-right">
        版权归劉宏哲个人所有
        <div class="index-skin">
            皮肤：
            <select id="selectSkin">
                <option value="overcast">overcast</option>
                <option value="pepper-grinder">pepper-grinder</option>
                <option value="redmond" selected="selected">redmond</option>
                <option value="smoothness">smoothness</option>
                <option value="south-street">south-street</option>
                <option value="start">start</option>
                <option value="sunny">sunny</option>
                <option value="swanky-purse">swanky-purse</option>
            </select>
        </div>
        <div class="clear-float"></div>
    </div>
    <div id="divLoading">
        <div id="progressbar"></div>
    </div>
</body>
</html>
